<!--
 * @Author: wusd
 * @Date: 2022-05-18 14:58:44
 * @LastEditors: wusd
 * @LastEditTime: 2022-11-18 14:21:29
 * @Description: 
 * 
-->
<script lang="tsx">
import { Component, Vue } from 'vue-property-decorator'
import wform from '@/components/form'
@Component({
  name: 'WPage',
  components: {
    wform
  }
})
export default class Test extends Vue {
  dia = {
    model: {
      test: ''
    },

    formConfig: {
      labelWidth: '120px',
      columns: [
        {
          label: '风险预判：',
          prop: 'test',
          rules: [
            {
              required: true,
              trigger: 'blur',
              message: '请选择计划性质'
            }
          ]
        }
      ]
    }
  }

  visible = false
  handleDia() {
    this.visible = true
  }
  i = 4
  change() {
    this.dia.model.test = this.i++ + ''
  }
  protected render() {
    return (
      <div>
        <el-button onclick={this.change}>w额我v发</el-button>
        <wform ref="wForm" v-model={this.dia.model} formConfig={this.dia.formConfig}></wform>
      </div>
    )
  }
}
</script>

<style lang="scss"></style>
